.banner{
  width: 100%;
  /* height: 1080px; */
 /* 如果某块区域高度是不确定的,可以通过设置最小高度,先显示出来 */
  /* min-height: 500px; */
  background-color: gray;
}
.banner .banner-img{
  width: 100%;
  height: auto;
  /* img是行内块元素,会默认把换行当作一个空格来处理.
  所以图片下面会有一个很小的间隙 */
  display: block;
}


/* 为了处理logo的问题 临时补充响应式的知识点 */
/* 如果媒体宽度最大是1200的时候 */
@media(max-width:1200px){
  .header .logo{
    display: none;
  }
}